<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
    <div id="app">
      <h1>插值语法 - 用来解析VUE中的数据</h1>
      <p>1-{{title}}</p>
      <p>2-{{flag}}</p>
      <p>3-{{arr}}</p>
      <p>4-{{obj}}</p>
      <p>5-{{num}}</p>
      <p>6-{{abc}}</p>
      <p>7-{{qwe}}</p>
      <p>8-{{asd}}</p>
      <p>9-{{fn}}</p>
      <p>10-{{fn()}}</p>
      <p>11-{{ 1+1 }}</p>
      <p>12-1+1</p>
    </div>
	</body>
  <script src="../vue.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    // 参数为对象,对象内部的属性是配置信息,也叫选项
    var vm = new Vue({
      el: "#app",   // 绑定视图容器
      data:{        // 对象类型，用来定义了数据
        title: "hello VUE",
        num:1,
        flag:true,
        arr:["a","b","c"],
        obj:{
          name:"admin",
          age:18
        },
        abc:undefined,
        qwe:null,
        asd:NaN,
        fn:function(){
          return "hello fn"
        }
      }
    })
    
    
  </script>
</html>
